import React, {useState, useContext, useReducer} from 'react'
import ShowArea from './showArea';
import Buttons from './Button';

import {Color} from './color'
/**
 * 使用useContext和㱇Reducer模拟Redux的实现；
 * 
 * 1)useContext:可访问全局状态，避免一层层的传递状态。这符合Redux其中的一项规则，就是状态全局化，并且可以统一管理；
 * 2）useReducer：通过action的传递，更新逻辑的状态，主要是可以实现类似Redux中的Reducer部分，实现业务逻辑的可行性。
 */
function Redux () {
    

    return (
        <div>
            <Color>
                <ShowArea />
                <Buttons />
            </Color>
        </div>
    )
}

export default Redux



